﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CANO.Master" AutoEventWireup="true"
    CodeBehind="editContact.aspx.cs" Inherits="CANO.WebSite.contacts.editContact" %>

<%@ Import Namespace="CANO.Data.DAOs" %>
<%@ Register TagPrefix="uc" TagName="Observaciones" Src="~/contacts/ucObservaciones.ascx" %>
<%@ Register TagPrefix="uc" TagName="GrupoFamiliar" Src="~/contacts/ucGrupoFamiliar.ascx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder3" runat="server">
    <form id="Form1" enctype="multipart/form-data" method="post" action="" class="fields"
        runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <input type="hidden" id="hiddenTelefonosToSave" runat="server" />

        <asp:Panel ID="pnlContactData" runat="server">
            <div class="box box-100 altbox">
                <div class="boxin">
                    <div id="tabs">
                        <div class="header">
                            <h3>Contacto: #<asp:Label ID="lblContactID" runat="server"></asp:Label></h3>
                            <a class="button" style="color: white;" href="Contacts.aspx">Volver</a>
                            <asp:Button CssClass="button" ID="btnEliminar" runat="server" Text="Eliminar" />
                            <ul id="Ul1">
                                <!-- Tabs in the box's header -->
                                <li><a href="#tabInformacionPrincipal" class="active">Información Principal</a></li>
                                <li><a href="#tabObservaciones">Observaciones</a></li>
                                <li><a href="#tabAsignaciones">Asignaciones</a></li>
                                <li><a href="#tabInformacionAdicional">Información Adicional</a></li>
                                <li><a href="#tabNotas">Notas</a></li>
                            </ul>
                        </div>
                        <div class="content">
                            <div id="tabInformacionPrincipal">
                                <fieldset class="last">
                                    <label for="some21">
                                        Fecha de Origen:</label>
                                    <input type="text" size="30" id="txtFechaOrigen" runat="server" class="txt" disabled="true" />
                                    <legend><strong>Información Contacto</strong></legend>
                                    <label for="some21">
                                        Nombre:</label>
                                    <input type="text" size="50" id="txtNombre" class="txt" runat="server" />
                                    <asp:RequiredFieldValidator runat="server" ID="reqName" ControlToValidate="txtNombre" ErrorMessage="El nombre es requerido." ValidationGroup="req" />
                                    <label for="some21">
                                        Apellido:</label>
                                    <input type="text" size="50" id="txtApellido" class="txt" runat="server" />
                                    <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="txtApellido" ErrorMessage="El apellido es requerido." ValidationGroup="req" />

                                    <asp:Repeater ID="rptTelefonos" runat="server">
                                        <ItemTemplate>
                                            <label for="some21">
                                                <%# ((ContactoTelefonosDAO)Container.DataItem).TipoTelefonoDisplay %>:</label>
                                            <div class="dataTelefono">
                                                <input type="hidden" id="hiddenTipoTel" value='<%# ((ContactoTelefonosDAO)Container.DataItem).TipoTelefonoID %>' />
                                                <input type="text" id="telefono" value='<%# ((ContactoTelefonosDAO)Container.DataItem).Telefono %>' size="25" class="txt" />
                                            </div>
                                        </ItemTemplate>
                                    </asp:Repeater>


                                    <br />
                                    <input type="button" value="+ Teléfono" id="ipAdd" class="button" />
                                    <!--Otros telefonos -->
                                    <asp:UpdatePanel runat="server" ID="UpdatePanel1">
                                        <ContentTemplate>
                                            <div id="divNewTelefono" style="display: none">
                                                <asp:DropDownList ID="ddlTipoTelefono" runat="server">
                                                </asp:DropDownList>
                                                <input type="text" size="50" id="txtNumero" class="txt" runat="server" />
                                                <asp:Button runat="server" ID="btnAgregar" Text="Agregar" CssClass="button" />
                                            </div>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                    <div id="divNewTelefonosList">
                                    </div>
                                    <label for="some21">
                                        Email Principal:</label>
                                    <input type="text" size="50" id="txtEmailPrincipal" class="txt" runat="server" />
                                </fieldset>
                                <fieldset class="last">
                                    <legend><strong>Newsletters</strong></legend>
                                    <label for="some210">
                                        Lugar de Influencia:</label>
                                    <asp:DropDownList ID="ddlLugarInfluencia" runat="server">
                                    </asp:DropDownList>
                                    <label for="some210">
                                        Tipo Propiedad:</label>
                                    <asp:DropDownList ID="ddlTipoPropiedad" runat="server">
                                    </asp:DropDownList>
                                    <label for="some210">
                                        Especialidad:</label>
                                    <asp:DropDownList ID="ddlEspecialidad" runat="server">
                                    </asp:DropDownList>
                                    <label for="some210">
                                        Nacionalidad:</label>
                                    <asp:DropDownList ID="ddlNacionalidad" runat="server">
                                    </asp:DropDownList>
                                    <label for="some210">
                                        Propietario:</label>
                                    <div class="sep">
                                        <label class="radio">
                                            <input id="rdbPropietarioSi" class="radio" type="radio" name="some278" value="true "
                                                runat="server">Si</label>
                                        <label class="radio">
                                            <input class="radio" type="radio" id="rdbPropietarioNo" name="some278" value="true"
                                                runat="server">No</label>
                                    </div>
                                </fieldset>
                            </div>
                            <div id="tabObservaciones">
                                <uc:Observaciones ID="ucObservaciones" runat="server"></uc:Observaciones>
                                <fieldset class="last">
                                    <legend><strong>Observaciones</strong></legend>
                                    <!-- ToDo: Hacer el que al agregar se muestre, limpie el genearar observación y del lado del servidor guardarlas en sessión para mostrarlas -->
                                    <div id="divObservacionesList">
                                        <asp:Panel runat="server" ID="pnlNoObservaciones" Visible="false">
                                            <div id="divNoObservaciones">
                                                No hay observaciones para este contacto.
                                            </div>

                                        </asp:Panel>
                                    </div>

                                    <asp:Repeater ID="rptObservaciones" runat="server">
                                        <ItemTemplate>
                                            <label for="some22">
                                                Fecha de Observación:</label>
                                            <input type="text" size="50" id="txtFechaObservacion" class="txt" value="<%# ((ObservacionesDAO)Container.DataItem).FechaObservacion %>" />
                                            <label for="some22">
                                                Generada por:</label>
                                            <input type="text" size="50" id="txtGeneradaPor" class="txt" value="<%# ((ObservacionesDAO)Container.DataItem).CreatedBy %>" />
                                            <label for="some22">
                                                Observación:</label>
                                            <textarea name="some22" id="txtObservacion" cols="40" rows="2" style="width: 800px; max-width: 800px;"><%# ((ObservacionesDAO)Container.DataItem).Observacion %></textarea>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </fieldset>
                            </div>
                            <div id="tabAsignaciones">
                                <asp:Panel ID="AddAsignacion" runat="server" Visible="false">
                                    <div class="msg msg-info">
                                        <p>
                                            Seleccione un usuario y haga click en <b>" Asignar "</b> para asignarle el nuevo contacto.
                                        </p>
                                    </div>
                                    <asp:UpdatePanel runat="server" ID="UpdatePanel2">
                                        <ContentTemplate>
                                            <asp:DropDownList ID="ddlUser" runat="server">
                                            </asp:DropDownList>
                                            <div style="display: none">
                                                <asp:Button runat="server" ID="btnAddAsignacion" />
                                            </div>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                    <input type="button" class="button" id="inputAgregarAsignacion" value="Asignar" />
                                </asp:Panel>

                                <fieldset class="last">
                                    <legend><strong>Asigandos</strong></legend>
                                    <div id="divAsignadosList" style="font-size: 20px;">
                                        <asp:Repeater ID="rptAsignaciones" runat="server">
                                            <ItemTemplate>
                                                <span>
                                                    <div id="asignacion<%# ((AsignacionesDAO)Container.DataItem).Usuario %>">
                                                        <%# ((AsignacionesDAO)Container.DataItem).UsuarioDisplay %>
                                                </span>
                                                <asp:Button ID="btnDeleteAsignacion" runat="server" CssClass="button" Text="-" CommandName="delete" CommandArgument="<%# ((AsignacionesDAO)Container.DataItem).Usuario %>" />
                                                <br />
                                                </div>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </div>
                                </fieldset>
                            </div>
                            <div id="tabInformacionAdicional">
                                <fieldset class="last">
                                    <legend><strong>Personal</strong></legend>
                                    <label for="some21">
                                        Dirección:</label>
                                    <input type="text" size="100" id="txtDireccionPersonal" class="txt" runat="server" />
                                    <label for="some21">
                                        DNI:</label>
                                    <input type="text" size="50" id="txtDNI" class="txt" runat="server" />
                                    <label for="some21">
                                        Email Secundario:</label>
                                    <input type="text" size="50" id="txtEmailSecundario" class="txt" runat="server" />
                                    <label for="some21">
                                        Cumpleaños:</label>
                                    <input type="text" size="50" id="txtFechaNacimiento" class="txt" runat="server" />
                                    <%--<label for="some21">
				Nombre Conyuge:</label>
			<input type="text" size="50" id="txtNombreConyuge" class="txt" runat="server" />
			<label for="some21">
				Contacto Conyuge:</label>
			<input type="text" size="50" id="txtContactoConyuge" class="txt" runat="server" />
			<label for="some21">
				Nombres Hijos:</label>
			<input type="text" size="50" id="txtNombreHijos" class="txt" runat="server" />--%>
                                    <label for="some21">
                                        Info Familiar:</label>
                                    <textarea name="some22" id="txtInfoFamiliar"
                                        cols="40" rows="2" runat="server" style="width: 800px; max-width: 800px;">
								</textarea>
                                </fieldset>
                                <fieldset class="last">
                                    <legend><strong>Comercial</strong></legend>
                                    <label for="some21">
                                        CUIT / CUIL:</label>
                                    <input type="text" size="50" id="txtCUITCUIL" class="txt" runat="server" />
                                    <label for="some21">
                                        Dirección Laboral:</label>
                                    <input type="text" size="50" id="txtDireccionLaboral" class="txt" runat="server" />
                                    <label for="some21">
                                        Página Web:</label>
                                    <input type="text" size="50" id="txtSitioWeb" class="txt" runat="server" />
                                    <label for="some210">
                                        Profesión:</label>
                                    <asp:DropDownList ID="ddlProfesion" runat="server">
                                    </asp:DropDownList>

                                </fieldset>
                            </div>
                            <div id="tabNotas">
                                <label for="some21">
                                    Notas:</label>
                                <textarea name="some22" id="txtNotas" cols="40" rows="2" runat="server" style="width: 800px; max-width: 800px;"></textarea>
                            </div>
                            <div id="divButtons" class="sep" style="text-align: right; margin-right: 50px;">
                                <asp:Button ID="btnCrearContacto" runat="server" CssClass="button" Text="Guardar cambios" ValidationGroup="req" />
                            </div>
                        </div>
                        <!-- End content -->
                    </div>
                </div>
            </div>
        </asp:Panel>
        <asp:Panel ID="pnlError" runat="server" Visible="false">
            <div class="msg msg-info">
                <p>
                    Hubo un error al cargar la información del usuario.
                </p>
            </div>
        </asp:Panel>
    </form>
    <script type="text/javascript" language="javascript">

        $(document).ready(function () {
            $("#txtFechaNacimiento").datepicker();
            $("#tabs").tabs();
            $("#Ul1").removeClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");
            $("#tabs li a").click(function () {
                $("a.active").removeClass("active");
                $(this).addClass("active");
            });

            $("#ipAdd").click(function () {
                $("#divNewTelefono").show();
                $("#ipAdd").hide();

                $('input[id*="btnAgregar"]').click(function () {
                    //Get Data
                    var tipoTelefonoSelectedValue = $('select[id*="ddlTipoTelefono"]').val();
                    var tipoTelefonoSelectedText = $('select[id*="ddlTipoTelefono"]').find('option[value=' + tipoTelefonoSelectedValue + ']').text();
                    var telefonoValue = $('input[id*="txtNumero"]').val();

                    //Create Label para MOSTRAR LO CREADO
                   
                    var divContainer = $('<div class="dataTelefono"> </div>');

                    var hiddenTipo =  $('<input type="hidden" id="hiddenTipoTel" value="'+tipoTelefonoSelectedText+'">');
                    var txtTelefono = $('<input type="text" id="telefono" value="' + telefonoValue + '" size="25" class="txt">');

                    divContainer.append(hiddenTipo);
                    divContainer.append(txtTelefono);
                    $(divContainer).hide();
                    $("#divNewTelefonosList").append(divContainer);

                    var labelNewTel = $('<label for="some21" ></label>');
                    $(labelNewTel).text(tipoTelefonoSelectedText);

                    //Creo input text para mostrar el nuevo telefono
                    var inputNewTel = $('<input type="text" size="50" class="txt" />');
                    $(inputNewTel).val(telefonoValue);

                    $("#divNewTelefonosList").append(labelNewTel);
                    $("#divNewTelefonosList").append(inputNewTel);

                    $("#divNewTelefono").hide();
                    $("#ipAdd").show();
                    $('input[id*="txtNumero"]').val('');
                });
            });
            $("#inputAgregarAsignacion").click(function () {
                $('input[id*="btnAddAsignacion"]').click(function () {
                    var asignacionUserSelectedValue = $('select[id*="ddlUser"]').val();
                    var asignacionUserSelectedText = $('select[id*="ddlUser"]').find('option[value=' + asignacionUserSelectedValue + ']').text();


                    var labelAsignacionUser = $('<label for="some21" ></label>');
                    $(labelAsignacionUser).text(asignacionUserSelectedText);

                    $("#divAsignadosList").append(labelAsignacionUser);
                });
                $('input[id*="btnAddAsignacion"]').click();
            });

            $('input[id*="btnCrearContacto"]').click(function () {
                var associativeArray = {};

                $(".dataTelefono").each(function () {
                    var tipoTel = $(this).find("#hiddenTipoTel").val();
                    var valueTel = $(this).find("#telefono").val();

                    associativeArray[tipoTel] = valueTel;
                });

                $('input[id*="hiddenTelefonosToSave"]').val(JSON.stringify(associativeArray));
            });

        });

    </script>
</asp:Content>
